body{
    /*设置外边距为30px*/
    margin: 30px;
    /*设置背景颜色*/
    background-color: #E9E9E9;
    /*设置字体样式*/
    font-family: "微软雅黑", serif;
}
div{
    width: 294px;
    /*设置内边距,四个值分别是:上右下左*/
    padding: 10px 10px 20px 10px;
    /*设置背景颜色*/
    background-color: white;
    /*设置盒子阴影*/
    box-shadow: 2px 2px 3px #aaaaaa;
}
.div1{
    /*设置左浮动*/
    float: left;
    /*设置变形效果的旋转效果,为7°*/
    transform: rotate(7deg);
}
.div2{
    float: left;
    /*设置变形效果的旋转效果,为-8°*/
    transform: rotate(-8deg);
}
.div3{
    /*设置左浮动*/
    float: left;
    /*设置变形效果的平移效果,参数分别是:横向偏移和纵向偏移*/
    transform: translate(30px,60px);
    /*清楚左浮动*/
    clear: left;
}
.div4{
    /*设置左浮动*/
    float: left;
    /*设置变形效果的平移效果*/
    transform: translate(30px,60px);
}
.div5{
    /*设置上外边距*/
    margin-top: 150px;
    /*设置左外边距*/
    margin-left: 150px;
    /*设置左浮动*/
    float: left;
    /*设置变形效果的放大效果*/
    transform: scale(1.5);
    /*清除左浮动*/
    clear: left;
}
.div6{
    /*设置左外边距*/
    margin-left: 150px;
    /*设置上外边距*/
    margin-top: 150px;
    /*设置左浮动*/
    float: left;
    /*设置变形效果的方法效果*/
    transform: scale(1.5);
}
